<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <link rel="stylesheet" type="text/css" href="./css/aui.css" />
    <link rel="stylesheet" type="text/css" href="./font/iconfont.css" />
    <script src="./font/iconfont.js"></script>

</head>
<body>
  <footer class="aui-bar aui-bar-tab" id="footer">
  <div class="aui-bar-tab-item aui-active footer-tab" tapmode data-name="main" data-url="index.html">
    <!-- <svg class="icon svg-icon" aria-hidden="true">
    <use xlink:href="#iconsk-shouyeweixuanzhong">
    </svg> -->
    <svg class="icon svg-icon" aria-hidden="true">
      <use xlink:href="#iconsk-shouyexuanzhong">
    </svg>
      <div class="aui-bar-tab-label">首页</div>
  </div>
  <div class="aui-bar-tab-item footer-tab" tapmode  data-name="task_center" data-url="html1/task_center.html">
    <svg class="icon svg-icon" aria-hidden="true">
      <use xlink:href="#iconsk-mianfeishiyong">
    </svg>
  <!-- <svg class="icon svg-icon" aria-hidden="true">
  <use xlink:href="#iconsk-mianfeishiyongxuanzhong">
  </svg> -->
      <div class="aui-bar-tab-label">全部</div>
  </div>
  <div class="aui-bar-tab-item footer-tab" tapmode  data-name="member_friend" data-url="html1/member_friend.html">

    <svg class="icon svg-icon" aria-hidden="true">
    <use xlink:href="#iconsk-fenxiangyoujiang-copy">
    </svg>
    <!-- <svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#iconsk-fenxiangyoujiang">
</svg> -->
      <div class="aui-bar-tab-label">邀请</div>
  </div>
  <div class="aui-bar-tab-item footer-tab" tapmode  data-name="task_ing" data-url="html1/task_ing.html">
      <div class="aui-dot"></div>
      <svg class="icon svg-icon" aria-hidden="true">
        <use xlink:href="#iconsk-zhibolishi-copy">
      </svg>
      <!-- <svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#iconsk-zhibolishi">
</svg> -->
      <div class="aui-bar-tab-label">活动进展</div>
  </div>
  <div class="aui-bar-tab-item footer-tab" tapmode data-name="login" data-url="html1/login.html">
    <svg class="icon svg-icon" aria-hidden="true">
      <use xlink:href="#iconsk-zhanghaoweixuanzhong">
    </svg>
    <!-- <svg class="icon svg-icon" aria-hidden="true">
    <use xlink:href="#iconsk-zhanghaoxuanzhong">
    </svg> -->
      <div class="aui-bar-tab-label">我的</div>
  </div>
  </footer>

</body>
<script type="text/javascript" src="./script/api.js"></script>
<script type="text/javascript" src="./script/jquery-1.8.2.min.js"></script>
<script type="text/javascript">

apiready = function() {
    //fnInitEventListenner();//退出键添加提示框
    api.parseTapmode();
  	api.hideProgress();

      $("#footer .footer-tab").each(function(){
     	    $(this).click(function(){
     		    var name=$(this).attr("data-name");
              var url=$(this).attr("data-url");
            api.openWin({
          		        name: name,
          	          url: url,
                      opaque: true,
        			        vScrollBarEnabled:false

          	   });
             });
        });

      	var body_h = $api.offset($api.dom('body')).h;

      	var footer_h = $api.offset($api.byId('footer')).h;

      	api.openFrame({
      	    name: 'main',
      	    url: 'html1/main.html',
      	   	rect : {
      			x : 0,
      			y :0,
      			w : 'auto',
      			h : body_h  - footer_h
      		}
          });


};

function fnInitEventListenner() {//退出键提示框
    api.addEventListener({
        name: 'keyback'
    }, function(ret, err) {
        api.confirm({
            title: '提示',
            msg: '是否退出应用',
            buttons: ['确定', '取消']
        }, function(ret, err) {
          if (ret.buttonIndex == 1) {
            api.closeWidget();
          }
        });
    });
}



</script>


</html>
